[{"attributes":{"bold":true},"insert":"V5 版本与 V4 实现的主要区别在于——V5 事件面板同步"},{"insert":"\n V5 事件面板均为同步的形式，从上到下前一个执行完成后一个才会执行。所以在后面的动作总能拿到前面的【返回参数】。\n\n而以前 V4 的事件面板有些动作是异步的，后面的动作无需等待它执行完成就会开始执行，"},{"attributes":{"underline":true},"insert":"这导致我们有时候需要“延时”操作或将指定动作放在异步操作的回调块下执行才好拿到前面异步动作返回的一些参数信息。"},{"insert":"\n\n本案例以V5事件面板实现了点赞排行榜。\n\n"},{"attributes":{"bold":true},"insert":"数据库设计概述："},{"insert":"\n抽象实体"},{"attributes":{"list":"ordered"},"insert":"\n"},{"insert":"用户 (User)"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"insert":"点赞记录 (Like)"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"insert":"被点赞对象 (Target)"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"insert":"设计表结构"},{"attributes":{"list":"ordered"},"insert":"\n"},{"insert":"用户表 (Users)：数据 ID、用户地址"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"insert":"点赞表 (Likes)：用户ID、点赞目标ID、点赞状态"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"insert":"排行名单：排行人名称、被点赞总数"},{"attributes":{"indent":1,"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"最终表结构"},{"insert":"\n"},{"insert":{"image":"R10580997-3f37625b98d2c29a66a1e3ccef0858fd_90471_658_342.png"}},{"insert":"\n\n"},{"attributes":{"bold":true},"insert":"功能实现逻辑概述："},{"insert":"\n①用户注册/登陆\n这部分使用系统变量的接口方法获取IP地址存入用户表简单实现用户注册，已有对应IP地址记录则更新时间，登陆/注册后返回用户信息给前台。\n"},{"insert":{"image":"R10580997-ef6eb28f039d5db26cf314e792a4206b_22531_606_494.png"}},{"insert":"\n\n②排行榜\n【排行名单】数据表预先录入了排行人name，用户登陆后会通过【3_获取排行榜与个人点赞】服务获取【排行名单】所有记录行返回到前台for循环绑定UI显示，【点赞表】中当前用户的点赞记录也会跟着返回到前台，用于“是否点赞”相关的UI判定和点赞后的前台变量更新\n"},{"insert":{"image":"R10580997-1fee6886e2d9c01588935cf259a3719a_20575_531_511.png"}},{"insert":"\n\n\n③用户点赞\n【点赞表】记录了每个用户点赞排行人的记录，一行记录表示一个用户点赞一个排行人情况。\n通过改变likes_status点赞状态来更新状态。\n用户点赞时会传入用户ID和排行人ID，发起事务，输出【点赞表】中对应用户ID和排行人ID记录，如果无数据，则说明当前用户没点赞过，新增一条到【点赞表】\n如果有数据，判断likes_status点赞状态情况，已点赞则进行取消点赞相关逻辑，取消点赞则进行重新点赞相关逻辑。\n\n"},{"insert":{"image":"R10580997-c7279dca810ca57cf0cece1566690184_81099_1234_994.png"}},{"insert":"\n\n\n详情——"},{"attributes":{"link":"https://www.yuque.com/bubai-gumrn/eqm3qc/tyyk89zq3v1k78zy?singleDoc#"},"insert":"https://www.yuque.com/bubai-gumrn/eqm3qc/tyyk89zq3v1k78zy?singleDoc#"},{"insert":" 《v5点赞排行榜_逻辑概述》\n"}]
[{"insert":"要带后台数据库和服务的，每个用户对同一人第一次点是点赞+1，第二次是取消点赞-1，界面参考https://demo.ivx.cn/%E7%82%B9%E8%B5%9E%E6%8E%92%E8%A1%8C%E6%A6%9C%EF%BC%88%E7%BA%AF%E5%89%8D%E7%AB%AF%EF%BC%89\n"}]
本案例以V5事件面板实现了点赞排行榜。
V5 版本与 V4 实现的主要区别在于——V5 事件面板同步
V5 事件面板均为同步的形式，从上到下前一个执行完成后一个才会执行。所以在后面的动作总能拿到前面的【返回参数】。
而以前 V4 的事件面板有些动作是异步的，后面的动作无需等待它执行完成就会开始执行，这导致我们有时候需要“延时”操作或将指定动作放在异步操作的回调块下执行才好拿到前面异步动作返回的一些参数信息。
实现详情：详情——https://www.yuque.com/bubai-gumrn/eqm3qc/tyyk89zq3v1k78zy?singleDoc# 《v5点赞排行榜_逻辑概述》
本案例以V5事件面板实现了点赞排行榜。
V5 版本与 V4 实现的主要区别在于——V5 事件面板同步
V5 事件面板均为同步的形式，从上到下前一个执行完成后一个才会执行。所以在后面的动作总能拿到前面的【返回参数】。
而以前 V4 的事件面板有些动作是异步的，后面的动作无需等待它执行完成就会开始执行，这导致我们有时候需要“延时”操作或将指定动作放在异步操作的回调块下执行才好拿到前面异步动作返回的一些参数信息。
实现详情：详情——https://www.yuque.com/bubai-gumrn/eqm3qc/tyyk89zq3v1k78zy?singleDoc# 《v5点赞排行榜_逻辑概述》
R10580997-03392c7db13cc26fe1d2a29a7afdab68_39429_377_815.png
https://v4pre.h5sys.cn/play/URrNX2yB